<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HW手机网站</title>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/hw.css"/>
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="css/banner.css"/>
</head>

<body>
<header>
   <a href="#"><span class="rg iconfont icon-sige iconfont_1"></span><span class="head">集团网站</span></a>
   <a href="#"><span class="rg iconfont icon-yuyan iconfont_1"></span><span class="head">选择区域/语言<span class="head_rg iconfont icon-xiala iconfont_1"></span></span>
   </a>
   <a href="#"><span class="rg iconfont icon-denglu-copy iconfont_1"></span><span class="head">登录</span></a>
</header>

<nav>
  <img class=" logo f_left" src="images/huawei_logo.png" />
  <ul class="menu f_left">
     <li><a href="#">个人及家庭产品</a></li>
     <li><a href="#">商用产品及方案</a></li>
     <li><a href="#">服务支持</a></li>
     <li><a href="#">合作伙伴与开发者</a></li>
     <li><a href="#">关于华为</a></li>
  </ul>
  <div class=" f_left zxgm">
     <a href="#"><span class="iconfont icon-goumai iconfont_2"></span><span>在线购买<span class="head_rg iconfont icon-xiala iconfont_2"></span></span></a>
     <a href="#"><span class=" gm iconfont icon-search iconfont_2"></span></a>
  </div>
</nav>

<!--<div class="banner">
   <ul>
      <li><a href="#"><img src="images/banner1.png" /></a></li>
   </ul>
   <div class="banner_text"><a href="#">了解更多</a></div>
</div>-->


<!-- 轮播容器 -->
<div class="swiper-container"> 
  <!-- 轮播子项容器 -->
  <div class="swiper-wrapper"> 
    <!-- swiper-item容器中可以写入任何想要轮播的东西，例如：图片，文字，其他代码等等，把最大的操作空间留给开发者 -->
    <div class="swiper-item"><img src="images/banner1.png" alt="banner"/></div>
    <div class="swiper-item"><img src="images/banner2.png" alt="banner"/></div>
    <div class="swiper-item"><img src="images/banner2.png" alt="banner"/></div>
  </div>
  
</div>


<main>
  <div class="fris">
    <div class="tjxx">
       <h3>推荐信息</h3>
       <div class="red"></div>
    </div>
    <div class="sj">
       <div class="sj_left f_left">
           <a href="hw2.html"><img class="pic" src="images/p40pro-5g-pc2.png"/></a>
           <div class="sj_T">
               <div class="T1">产品</div>
               <div class="T2">HUAWEI P40 Pro+超感知影响</div>
               <div class="T3">超感知徕卡五摄，100倍双目变焦</div>
               <div class="T4"><a href="hw2.html">了解更多<span>></span></a></div>
           </div>
       </div>
        <div class="sj_right f_left">
           <a href="hw2.html"><img src="images/featured_nova7.png" /></a>
           <div class="sj_T2">
               <div class="T1">产品</div>
               <div class="T2">HUAWEI P40 Pro+超感知影响</div>
               <div class="T3">超感知徕卡五摄，100倍双目变焦</div>
               <div class="T4"><a href="hw2.html">了解更多<span>></span></a></div>
           </div>
        </div>
       <img class="bg" src="images/图层 1.png"/>
    </div>
  </div>
  
  <div class="tc"><img src="images/图层 2.png"/></div>
  
  
  <div class="second">
      <div class="xwhd">
        <h3>新闻与活动</h3>
        <div class="red"></div>
      </div>
      <div class="hd">
         <div class="hd_left f_left">
            <div class="hd_P">
              <a href="#"><img src="images/hc-cn2.png"/></a>
              <a href="#"><img class="zhhd" src="images/图层 3.png"/></a>
            </div>
            <div class="hd_T">
               <div class="hd_T1">华为全联接大会2020</div>
               <div  class="hd_T2"><span class="iconfont icon-dizhi iconfont_2"></span><span class="hd_TT">中国，上海</span><span class="iconfont icon-rili-copy-copy-copy iconfont_2"></span><span class="hd_TT">2020年9月23-26日</span></div>
               <div  class="hd_T3">共创行业新价值</div>
            </div>
            
         </div>
         <div class="hd_right f_left">
               <div class="hd_right_P">
                 <a href="#"><img src="images/has2020_banner2.png"/></a>
                 <img class="zbhf" src="images/图层 4.png"/>
               </div>
               <div class="hd_right_T">
                 <div class="hd_T1">2020华为全球分析师大会</div>
                 <div  class="hd_T2"><span class="iconfont icon-dizhi iconfont_2"></span><span class="hd_TT">线上</span><span class="iconfont icon-rili-copy-copy-copy iconfont_2"></span><span class="hd_TT">2020年05月18日-20日</span></div>
                 <div  class="hd_T3">共创共赢，构建万物互联的智能时代</div>
               </div>
          </div>
          
          
          
         <div class="xw f_left">
           <img src="images/HW_05.png"/>
         </div> 
         
         
         
         <div class="f_clear"></div>
      </div>
      <div class="GD f_left"><a href="#">更多活动</a></div>
      <div class="GD2 f_left"><a href="#">更多新闻</a></div>
  </div>
</main>
  <div class="foot">
     <img  src="images/footer_08.png"/>
  </div>
</body>

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<!-- 核心Js【必须引入】 -->
<script src="./js/swiper.min.js"></script>
<script>
    var swiperConfig = {
        width: 1326,                     // 容器宽度（最小300, 默认800）
        height: 447,                    // 容器高度（最小120, 默认300）
        speed: 2000,                    // 切换速度
        needPrevAndNextBtnGroup: true, // 是否需要前进后退按钮组
        needPagination: true           // 是否需要分页器
    }
</script>


</html>
